<!DOCTYPE html>
<html th:lang="${#locale.language}" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>

    <meta content="大数据,Hadoop,Spark,机器学习,ElasticSearch" name="keywords"/>
    <meta content="专注于Java,大数据,Hadoop,Spark,Flink,机器学习,搜索算法,搜索引擎,ElasticSearch,微服务,Docker,SpringCloud等领域" name="description"/>
    <title>杨朝坤的个人网站</title>
    <link rel="icon" th:href="@{/favicon.ico}"/>


    <!--[if lt IE 9]>
    <script src="../static/assets/lib/shim/html5shiv.js" th:href="@{/assets/lib/shim/html5shiv.js}"></script>
    <![endif]-->

    <link href="http://cdn.bootcss.com/highlight.js/8.0/styles/monokai_sublime.min.css" rel="stylesheet"/>

    <link href="../static/assets/css/markdown.css" th:href="@{/assets/css/markdown.css}" rel="stylesheet"/>
    <link href="../static/assets/css/base.css" th:href="@{/assets/css/base.css}" rel="stylesheet"/>
    <link href="../static/assets/css/amanda.css" th:href="@{/assets/css/amanda.css}" rel="stylesheet"/>
    <link href="../static/assets/css/index.css" th:href="@{/assets/css/index.css}" rel="stylesheet"/>
</head>
<body>

<div>
    <div th:replace="fragments/header :: header">Header</div>
    <div class="content">
        <div>
            <main role="main">
                <!--/*@thymesVar id="articles" type="java.util.List<com.timeyang.amanda.blog.domain.Article>"*/-->
                <section th:each="article : ${articles}" class="post">
                    <h1 th:text="${article.title}"></h1>

                    <img th:src="${article.pictureUrl}" class="post-photo"/>

                    <div class="post-blurb">
                        <p th:utext="${article.abstractContent}"></p>
                        <a th:href="@{'/articles/'+${article.id}+'/'+${#dates.format(article.publishedDate, 'yyyy/MM/dd')}+'/'+${article.title}}" class="more">阅读全文</a>
                    </div>

                    <footer class="post-footer">
                        <p>
                            发布于
                            <time th:datetime="${article.publishedDate}" th:text="${#dates.format(article.publishedDate, 'yyyy/MM/dd HH:mm')}" datetime="2017-05-17T11:20" class="pubdate">May 17, 2017 at 11:20am</time>
                        </p>
                    </footer>
                </section>

                <div th:replace="fragments/pagination :: paging(${articles})"></div>
            </main>
        </div>

    </div>
    <div th:replace="fragments/footer :: footer">footer</div>
</div>

<script src="http://cdn.bootcss.com/highlight.js/8.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</body>
</html>